/*var k=0;
$(document).ready(function(){
	rr();
	});
	
function rr(){
	$("#an>li").hover(
	function(){
			k=$(this).attr("value");
			if(k>1){
			$("#an>li").css("background","#eee");
			$("#an>li").css("color","#2a6aa7");
			$("#xx>div").hide();
			
			$("#an"+k).css("background","#2a6aa7");
			$("#an"+k).css("color","#fff");
			$("#banner_box_"+k).show();
			}
			else{
			$("#an>li").classList.add("nav_homepage_on");
			$("#an>li").classList.remove("nav_homepage_off");
			$("#xx>div").hide();
			
			$("#an"+k).classList.remove("nav_homepage_off");
			$("#an"+k).classList.add("nav_homepage_on");
			
			$("#banner_box_"+k).show();
				}
			event.preventDefault();
		},
	function(){}
	)
}

*/



    var navUl = document.getElementById("an");


    var lis = an.children;


    function Tab(num)
    {
        for(var i=1;i<=lis.length;i++)
        {
            var cont = document.getElementById("banner_box_"+i);
            if(i===num){
                cont.style.display="block";
                if( i === 1){
                    lis[0].classList.add("nav_title_on");
                    lis[0].classList.remove("nav_title_off");
                }else if( i>1&&i<=lis.length ){
                    lis[i-1].classList.add("nav_on");
                    lis[i-1].classList.remove("nav_off");
                }
            }else{
                cont.style.display="none";
                if( i === 1){
                    lis[0].classList.remove("nav_title_on");
                    lis[0].classList.add("nav_title_off");
                }else if( i>1&&i<=lis.length ){
                    lis[i-1].classList.remove("nav_on");
                    lis[i-1].classList.add("nav_off");
                }
            }
        }
    }

